<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Genesis - Multipurpose eCommerce HTML Template</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>

<body>
{include file="/index/head"/}
<div class="main-wrapper">
    <!-- mini cart start -->
    <!-- Mobile menu start -->
    <div class="breadcrumb-area section-padding-1 breadcrumb-ptb-1">
        <div class="container-fluid">
            <div class="breadcrumb-content text-center">
                <div class="breadcrumb-title">
                    <p>Login / Register</p>
                    <h2>Login / Register</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="login-register-area pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-8 ml-auto mr-auto">
                    <div class="login-register-wrap">
                        <h3><i class="fa fa-user-o"></i> Login</h3>
                        <div class="login-register-form">
                            <!--<form action="#">-->
                                <div class="sin-login-register">
                                    <input type="text" id="username" name="user-name" placeholder="User name or email address *">
                                </div>
                                <div class="sin-login-register">
                                    <input type="password" id="password" name="password" placeholder="Password *">
                                </div>
                                <div class="login-register-btn">
                                    <button class="login" type="button" onclick="login()">Login</button>
                                    <!--<button class="login-fb" type="submit">Login with Facebook</button>-->
                                </div>
                                <div class="remember-lost-wrap">
                                    <!--<div class="remember-wrap">-->
                                        <!--<input type="checkbox">-->
                                        <!--<label>Remember me</label>-->
                                    <!--</div>-->
                                    <!--<div class="lost-wrap">-->
                                        <!--<a href="#">Forget your password?</a>-->
                                    <!--</div>-->
                                </div>
                            <!--</form>-->
                        </div>
                    </div>
                    <script>
                        function login() {
                            const xhr = new XMLHttpRequest();
                            xhr.open('POST', '/api/login', true);
                            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                            xhr.onreadystatechange = function () {
                                if (xhr.readyState === 4 && xhr.status === 200) {
                                    let res = JSON.parse(xhr.responseText);
                                    if (res.code != 200) alert(res.msg);
                                    else window.location.href = '/';
                                }
                            };
                            xhr.send('username=' + document.getElementById('username').value + '&password=' + document.getElementById('password').value);
                        }
                    </script>
                    <div class="login-register-wrap">
                        <h3><i class="fa fa-user-o"></i> <a class="register-active" href="#">Create Account</a></h3>
                        <div class="login-register-form register-form-wrap">
                            <!--<form action="#">-->
                                <div class="sin-login-register">
                                    <input type="text" name="user-name" id="mcc" placeholder="User name or email address *">
                                </div>
                                <div class="sin-login-register">
                                    <input type="password" name="password" id="pcc" placeholder="Password *">
                                </div>
                                <div class="login-register-btn">
                                    <button class="login" type="button" onclick="register()">Register</button>
                                </div>
                            <!--</form>-->
                        </div>
                    </div>
                    <script>
                        function register() {
                            const xhr = new XMLHttpRequest();
                            xhr.open('POST', '/api/register', true);
                            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                            xhr.onreadystatechange = function () {
                                if (xhr.readyState === 4 && xhr.status === 200) {
                                    let res = JSON.parse(xhr.responseText);
                                    if (res.code != 200) alert(res.msg);
                                    else window.location.href = '/';
                                }
                            };
                            xhr.send('username=' + document.getElementById('mcc').value + '&password=' + document.getElementById('pcc').value);
                        }
                    </script>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer -->
    <footer class="footer-area bg-main">
        <div class="container">
            <div class="row align-items-top">
                <div class="first-footer-inner col-12">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                        <div class="newsletter-title">
                            <h2 class="title">Sign Up To Get Latest Update</h2>
                            <p>Sign up for our monthly newsletter for the latest news &amp; articles</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                        <div id="mc_embed_signup" class="subscribe-form-2">
                            <form id="mc-embedded-subscribe-form" class="validate subscribe-form-style-2" novalidate="" name="mc-embedded-subscribe-form" method="post" action="#">
                                <div id="mc_embed_signup_scroll" class="mc-form-2">
                                    <input class="email" type="email" required="" placeholder="Enter Your Email" name="EMAIL" value="">
                                    <div class="mc-news-2" aria-hidden="true">
                                        <input type="text" value="" tabindex="-1" name="b_6bbb9b6f5827bd842d9640c82_05d85f18ef">
                                    </div>
                                    <div class="clear-2">
                                        <input id="mc-embedded-subscribe" class="button" type="submit" name="subscribe" value="Subscribe">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-12 col-12 widget-area">
                    <div class="logo">
                        <a href="index.html">
                            <img src="assets/images/logo/logo.png" alt="">
                        </a>
                    </div>
                    <p>Genesis design consultancy firm that brings sensitivity to the design top restaurants, hotels, offices &amp; homes around the world, the prestigious luxury is. We do all types of interior designing.</p>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-12 widget-area">
                    <div class="footer-widget">
                        <h3 class="footer-title">Quick Links</h3>
                        <div class="footer-info-list">
                            <ul>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">About Us</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Latest News</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Portfolio</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Planning</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Privacy Policy</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Services</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Testimonial</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Our Team</a></li>
                                <li><i class="fa fa-plus" aria-hidden="true"></i><a href="#">Designing</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-12 widget-area">
                    <div class="footer-widget">
                        <h3 class="footer-title">Contact</h3>
                        <div class="Phone">
                            <div class="img">
                                <a href="index.html">
                                    <img src="assets/images/footer/call.png" alt="">
                                </a>
                            </div>
                            <div class="title-box">
                                <h5 class="title">Phone Number</h5>
                                <p>+123 456 7890</p>
                            </div>
                        </div>
                        <div class="Email">
                            <div class="img">
                                <a href="index.html">
                                    <img src="assets/images/footer/email.png" alt="">
                                </a>
                            </div>
                            <div class="title-box">
                                <h5 class="title">Email Address</h5>
                                <p>info@example.com</p>
                            </div>
                        </div>
                        <div class="Location">
                            <div class="img">
                                <a href="index.html">
                                    <img src="assets/images/footer/location.png" alt="">
                                </a>
                            </div>
                            <div class="title-box">
                                <h5 class="title">Location</h5>
                                <p>16/B, Miranda City, NYC</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom-area">
            <div class="row align-items-center">
                <div class="container">
                    <div class="footer-bottom-home footer-bottom-pb footer-bottom-pt w-100">
                        <div class="row align-items-center">
                            <div class="col-md-6 col-lg-6 col-12">
                                <p>Copyright © 2025 All rights reserved. <a target="_blank" href="https://www.adminbuy.cn/" title="网站模板" class="text-white">网站模板</a></p>
                            </div>
                            <div class="col-md-6 col-lg-6 col-12">
                                <ul class="ekit-team-social-list">
                                    <li>
                                        <a>
                                            <i class="fa fa-facebook" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <i class="fa fa-twitter" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <i class="fa fa-instagram" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <i class="fa fa-linkedin" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>

<!-- All JS is here
============================================ -->

<!-- Modernizer JS -->
<script src="/static/js1/vendor/modernizr-3.6.0.min.js"></script>
<!-- jquery -->
<!-- Popper JS -->
<script src="/static/js1/vendor/popper.js"></script>
<!-- Bootstrap JS -->
<script src="/static/js1/vendor/bootstrap.min.js"></script>
<script src="/static/js1/vendor/bootstrap-notify.min.js"></script>
<script src="/static/js1/plugins/owl-carousel.js"></script>
<script src="/static/js1/plugins/slick.js"></script>
<script src="/static/js1/plugins/jquery.mb.ytplayer.min.js"></script>
<script src="/static/js1/plugins/magnific-popup.js"></script>
<script src="/static/js1/plugins/wow.js"></script>
<script src="/static/js1/plugins/instafeed.js"></script>
<script src="/static/js1/plugins/countdown.js"></script>
<script src="/static/js1/plugins/jarallax.min.js"></script>
<script src="/static/js1/plugins/images-loaded.js"></script>
<script src="/static/js1/plugins/isotope.js"></script>
<script src="/static/js1/plugins/tilt.js"></script>
<script src="/static/js1/plugins/jquery-ui.js"></script>
<script src="/static/js1/plugins/jquery-ui-touch-punch.js"></script>
<script src="/static/js1/plugins/easyzoom.js"></script>
<script src="/static/js1/plugins/resizesensor.js"></script>
<script src="/static/js1/plugins/sticky-sidebar.js"></script>
<script src="/static/js1/plugins/scrollup.js"></script>
<script src="/static/js1/plugins/ajax-mail.js"></script>
<script src="/static/js1/plugins/skrollr.js"></script>
<!-- Main JS -->
<script src="/static/js1/main.js"></script>

</body>

</html>